/*jquery.treetable.css*/
table.treetable span.indenter {
    display: inline-block; margin: 0; padding: 0; text-align: right; user-select: none; 
    -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; width: 14px;}

table.treetable span.indenter a {background-position: left center; background-repeat: no-repeat; display: inline-block; text-decoration: none; width: 14px;}
/*screen.css*/
/*
body {background: #ddd; color: #000; font-family: Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0; padding: 0;}

#main {background: #fff; border-left: 20px solid #eee; border-right: 20px solid #eee; margin: 0 auto; max-width: 800px; padding: 20px;}

pre.listing {background: #eee; border: 1px solid #ccc; margin: .6em 0 .3em 0; padding: .1em .3em;}

pre.listing b {color: #f00;}
*/
/*jquery.treetable.theme.default.css*/
table.treetable { /*border-collapse: collapse; font-size: .8em; border: 1px solid #888; line-height: 1; margin: .6em 0 1.8em 0; width: 100%; */}

table.treetable caption {  /*font-size: .9em; margin-bottom: .2em;*/
    text-align:right;border: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;  background:#F7F7F7; padding:5px 10px 5px 0px;}

table.treetable thead {  background: #aaa url(../images/bg-table-thead.png) repeat-x top left;  /*font-size: .9em;*/}

table.treetable thead tr th {  /*border: 1px solid #888;font-weight: normal;  padding: .3em 1em .1em 1em;  text-align: left;*/  }

table.treetable tbody tr td {padding:5px 10px !important;/* cursor: default; padding: .3em 1em;*/}

table.treetable span.file, 
table.treetable span.folder, 
table.treetable span.indenter {background-position: center left; background-repeat: no-repeat; padding: 5px 0 .2em 25px;}

table.treetable span.file {background-image: url(../images/file.png);}

table.treetable span.folder {background-image: url(../images/folder.png);}

table.treetable tr.collapsed span.indenter a {background-image: url(../images/expand.png);}

table.treetable tr.expanded span.indenter a {background-image: url(../images/collapse.png);}

table.treetable tr.selected {background-color: #ccc; color: #fff;}

table.treetable tr.collapsed .selected span.indenter a {background-image: url(../images/expand-light.png);}

table.treetable tr.expanded .selected span.indenter a {background-image: url(../images/collapse-light.png);}

table.treetable tr.accept {background-color: #a3bce4; color: #fff;}

table.treetable tr.collapsed .accept td span.indenter a {background-image: url(../images/expand-light.png);}

table.treetable tr.expanded .accept td span.indenter a {background-image: url(../images/collapse-light.png);}